// Vue.directive(指令名, 配置对象{})
export const imgerror = {
  inserted(el, binding) { // el指的是 使用指令的dom元素  图片标签
    // console.log(el)
    // console.log(binding.value) // 是指令的值
    // 如果图片加载失败, 设置默认图像
    el.onerror = () => { // onerror是图片加载失败后出触发, 图片加载失败后 设置图像的默认值
      console.log('图片加载失败了')
      el.src = binding.value || 'https://img0.baidu.com/it/u=3306072466,501307884&fm=253&fmt=auto&app=138&f=PNG?w=500&h=500'
    }
  }
}

export const bgc = {
  inserted(el) {
    el.style.background = 'pink'
  }
}

